<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
<script>
var changableDiv = null;
var divleft = 0;
var devtop = 0;
var divheight = 0;
var divwidth = 0;
var isDivMovable = false;
function drawDiv(){
 changableDiv = document.createElement_x("div");
 changableDiv.style.zIndex = 100;
 changableDiv.style.position = "absolute";
 changableDiv.style.top = "100px";
 changableDiv.style.left = "100px";
 changableDiv.style.visibility = 'visible';
 changableDiv.style.background = '#FFFF00';
 changableDiv.style.height = '0px';
 changableDiv.style.width = '0px';
 changableDiv.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";  
 changableDiv.style.opacity="0.6";
 document.body.appendChild(changableDiv);
}
drawDiv();
document.onmousedown = function(e){
 changableDiv.style.height = '0px';
 changableDiv.style.width = '0px';
 var diffX = document.documentElement.scrollLeft || document.body.scrollLeft || 0;
 var diffY = document.documentElement.scrollTop || document.body.scrollTop || 0;
 if (navigator.appName == 'Netscape'){
  divleft = e.clientX+diffX;
  devtop = e.clientY+diffY;
 }else{
  divleft = window.event.x+diffX;
  devtop = window.event.y+diffY;
 }
 
 changableDiv.style.top = (devtop)+"px";
 changableDiv.style.left = (divleft)+"px";
 isDivMovable = true;
}
document.onmouseup =   function(e){
 isDivMovable = false;
 
}
document.onmousemove =   function(e){
 var diffX = document.documentElement.scrollLeft || document.body.scrollLeft || 0;
 var diffY = document.documentElement.scrollTop || document.body.scrollTop || 0;
 if(isDivMovable){
  if (navigator.appName == 'Netscape'){
   devwidth = e.clientX - divleft + diffX;
   divheight = e.clientY - devtop + diffY;
  }else{
   devwidth = window.event.x - divleft + diffX;
   divheight = window.event.y - devtop + diffY;
  }
  if(devwidth<0 || divheight<0){
   return false;
  }
  changableDiv.style.height = (divheight)+"px";
  changableDiv.style.width = (devwidth)+"px";
 }
}
 
</script>
